
{% extends 'base/front_base.html' %}

{% block title %}
课程详情
{% endblock %}

{% block head %}
<link rel="stylesheet" href="{% static 'css/course/course_detail.min.css' %}">
    <script src="{% static 'videojs/video.min.js' %}"></script>
    <script src="{% static 'videojs/videojs-contrib-hls.min.js' %}"></script>
    <script src="{% static 'videojs/videojs-contrib-quality-levels.min.js' %}"></script>
    <script type="text/javascript" src="https://cdn.bdstatic.com/jwplayer/latest/cyberplayer.js"></script>
    <script src="{% static 'js/course_detail.min.js' %}"></script>
{% endblock %}

{% block main %}
<div class="main">
    <div class="course-nav">
        <div class="nav-container">
            <h3 class="title">在线课堂</h3>
            <ul class="nav-list">
                <li class="active"><a href="#">最新课堂</a></li>
                <li><a href="#">投资人说</a></li>
                <li><a href="#">明星案例</a></li>
                <li><a href="#">创业知识</a></li>
            </ul>
        </div>
    </div>
    <div class="wrapper">
        <div class="course-wrapper">
            <div class="course-info">
                    <p class="course-title">{{ course.title }}</p>
                    <div class="price-group">
                        <div class="share-group">
                            <span class="title">分享至：</span>
                            <a href="#" class="weixin"></a>
                            <a href="#" class="weibo"></a>
                        </div>
                        <div class="buy-group">
                            {% if course.price %}
                                <a href="{% url 'course:course_order' course_id=course.pk %}" class="buy-btn">立即购买</a>
                                <span class="free">￥ {{ course.price }}</span>
                            {% else %}
                                <span class="pay">免费</span>
                            {% endif %}
                        </div>
                    </div>
            </div>
            <div class="video-group">
                <span id="video-info" hidden data-video-url="{{ course.video_url }}" data-cover-url="{{ course.cover_url }}"></span>
                <div id="playercontainer"></div>
            </div>
        </div>
        <div class="bottom-wrapper">
            <div class="course-wrapper">
                <div class="item-group">
                    <p class="title">课程讲师</p>
                    <div class="teacher-group">
                        <div class="avatar-group">
                            <img src="{{ course.teacher.avatar }}" alt="">
                        </div>
                        <div class="author-info">
                            <p class="teacher-name">{{ course.teacher.username }}</p>
                            <p class="teacher-desc">{{ course.teacher.jobTitle }}</p>
                        </div>
                    </div>
                    <p class="item-content">{{ course.teacher.profile }}</p>
                </div>
                <div class="item-group">
                    <p class="title">课程简介</p>
                    <p class="item-content">{{ course.profile|safe }}</p>
                </div>
                <div class="item-group">
                    <p class="title">课程大纲</p>
                    <p class="item-content">
                        一、私募市场的投资人是谁<br>

    二、对于募资路演的通常误解<br>
    三、募资的过程及时间预期<br>
    四、募资的规模预期以及估值方法<br>
    五、投资人的总体逻辑<br>
    六、不同轮次投资的主要任务<br>
    七、商业计划书的必备内容<br>
    八、投资人判断什么<br>
    九、投资人观察什么<br>
    十、计划书撰写及宣讲的注意事项<br>
    十一、常见交易结构简介<br>
                    </p>
                </div>
                <div class="item-group">
                    <p class="title">课程信息</p>
                    <p class="item-content">
                       课程主题：教你制作抓住投资人眼球的商业计划书<br>

    上课方式：在线视频学习<br>

    课程时长：70分钟<br>

    收费：0.0元<br>

    时间：付费后可随时观看<br>
                    </p>
                </div>
                <div class="item-group">
                    <p class="title">帮助中心</p>
                    <p class="item-content">
                        1. 购买后的课程在线可反复观看学习，视频有效期以具体课程信息为准。 <br>
    2. 课程暂不支持下载观看，均为在线观看视频。 <br>
    3. 课程一经购买，不可转让、不可退款；仅限购买账号观看。 <br>
    4. 如有问题请咨询客服饭桌君： 电话：18618172287 微信：fanzhuojun888 <br>
                    </p>
                </div>
                <div class="item-group">
                    <p class="title">关于不凡商学院在线课堂</p>
                    <p class="item-content">
                        不凡商学院在线课堂是不凡商业旗下的线上视频课程产品，汇聚顶级创业大咖导师、行业资深专家，致力于用系统、垂直的知识体系让创业者认知升级、技能进阶。不凡商学院在线课堂用知识陪伴创业者从平凡到卓越！
                    </p>
                </div>
            </div>
            <div class="recommend-wrapper">
                <ul class="course-list">
                    <li><a href="#">
                        <div class="course-info-group">
                            <p class="course-title">创业中如何进行风险管理</p>
                            <p class="teacher">贺伊韩/未来法律CEO</p>
                        </div>
                        <div class="thumbnail-group">
                            <img src="https://static-image.xfz.cn/1497870564_403.jpg-course.list.small" alt="">
                        </div>
                    </a></li>
                    <li><a href="#">
                        <div class="course-info-group">
                            <p class="course-title">危机公关的制度与策略</p>
                            <p class="teacher">高超/资深品牌公关</p>
                        </div>
                        <div class="thumbnail-group">
                            <img src="https://static-image.xfz.cn/1535354222_985.png-course.list.small" alt="">
                        </div>
                    </a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
{% endblock %}